
<!DOCTYPE html>
      <html>
       <head>
         <title>我的合同列表</title>
         <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
 <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.10 ">
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
<!-- Swiper容器-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
<link rel="stylesheet" href="/static/weixin/css/style.css">
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
           <base href="<%=basePath%>">
<!-- Swiper的容器-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<!-- style -->
</head>
 <style>
    .justify{
        justify-content: center;
    }
    .align{

		margin-bottom: 10px;
        align-items: center;
    }
    .wid{
        width: 100px;
        height: 3em;
    }
    p {
    font-size: 12px
	}
	body{
	text-align:center;
	background-color:#fff;
	} 
	.proimg{
	word-wrap: break-word; 
	word-break: normal; 
	height: 50px;
	}
	li {
	margin-top: 5%;
	}
    .my-font{
        color:Black;
        font-size: 12px;
     }
    </style>
<body>
 <div class="wy-Module">
    <div class="wy-Module-con">
      <ul class="wy-pro-list clear">
       <!-- <li >
        <div class="weui-flex__item weui-flex justify align" style="background:#4494f0;">
            <input  name="ID" type="hidden"/>
            <p class="sss">进行中</p>
        </div>
          <a href="/weixin/con_info">
            <div  class="proimg"><font class="my-font"> 合同编号：20180101-1 </font></div>
            <div class="proimg"><font class="my-font">东关商圈203号楼1单元411房间</font>   </div>
            <div class="proimg"><font class="my-font">到期时间：2020-01-01</font></div>
          </a>
        </li>
       <li>
        <div class="weui-flex__item weui-flex justify align" style="background:#9f9f9f;">
            <input  name="ID" type="hidden"/>
            <p class="sss">已到期</p>
        </div>
            <div class="proimg"><font class="my-font" > 合同编号：20180101-1 </font></div>
            <div class="proimg"><font class="my-font" >东关商圈203号楼1单元411房间</font></div>
            <div class="proimg"><font class="my-font" >到期时间：2020-01-01</font></div>
        </li>
        
 		<li>
        <div class="weui-flex__item weui-flex justify align" style="background:#9f9f9f;">
            <p class="sss">已到期</p>
        </div>
            <div class="proimg" ><font class="my-font"> 合同编号：20180101-1 </font></div>
            <div class="proimg" ><font class="my-font">东关商圈203号楼1单元411房间</font></div>
            <div class="proimg" ><font class="my-font">到期时间：2020-01-01</font></div>
        </li>
         <li>
        <div class="weui-flex__item weui-flex justify align" style="background:#9f9f9f;">
            <p class="sss">已到期</p>
        </div>
            <div class="proimg" ><font class="my-font"> 合同编号：20180101-1 </font></div>
            <div class="proimg" ><font class="my-font" >东关商圈203号楼1单元411房间</font></div>
            <div class="proimg" ><font class="my-font">到期时间：2020-01-01</font></div>

        </li>-->
          <br class="my-br">
      </ul>
	<div class="morelinks" style="font-size:12px">1 个进行中 · 3 个已到期</div>
    </div>
  </div>
</body>
<script type="text/javascript">
    //初始化加载合同
    $(function(){
        $.ajax({
            url:"/WeixinConController/weixin_con_list",
            //data:{},
            dataType:"json",
            async:false,
            success:function(res){
                for(var i=0;i<res.data.length;i++){
                    if(res.data[i].STATE==="2d18b637cacf44cc8cb2ead91e496036"){
                        var str = '<li >\n' +
                            '        <div class="weui-flex__item weui-flex justify align" style="background:#4494f0;">\n' +
                            '            <input  name="ID" type="hidden" value="'+res.data[i].CONTRACT_ID+'"/>\n' +
                            '            <p class="sss">进行中</p>\n' +
                            '        </div>\n' +
                            '          <a href="/weixin/con_info?id='+res.data[i].CONTRACT_ID+'">\n' +
                            '            <div  class="proimg"><font class="my-font">'+res.data[i].CONTRACT_NUM+'</font></div>\n' +
                            '            <div class="proimg"><font class="my-font">'+res.data[i].HTXQ+'</font>   </div>\n' +
                            '            <div class="proimg"><font class="my-font">'+res.data[i].CON_END_DATE+'</font></div>\n' +
                            '          </a>\n' +
                            '        </li>';
                        $(".wy-pro-list.clear").append(str);
                    }else {
                        var str = '<li >\n' +
                            '        <div class="weui-flex__item weui-flex justify align" style="background:#9f9f9f;">\n' +
                            '            <input  name="ID" type="hidden" value="'+res.data[i].CONTRACT_ID+'"/>\n' +
                            '            <p class="sss">已到期</p>\n' +
                            '        </div>\n' +
                            '          <a href="/weixin/con_info?id='+res.data[i].CONTRACT_ID+'">\n' +
                            '            <div  class="proimg"><font class="my-font">'+res.data[i].CONTRACT_NUM+'</font></div>\n' +
                            '            <div class="proimg"><font class="my-font">'+res.data[i].HTXQ+'</font>   </div>\n' +
                            '            <div class="proimg"><font class="my-font">'+res.data[i].CON_END_DATE+'</font></div>\n' +
                            '          </a>\n' +
                            '        </li>';
                        $(".wy-pro-list.clear").append(str);
                    }
                    if(res.data.length===1){
                        $(".wy-pro-list.li").css("float","both");
                    }
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.error(XMLHttpRequest.status);
                console.error(XMLHttpRequest.readyState);
                console.error(textStatus);
            }
        });
    });
</script>
</html>